.tc_main {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  // top: -1000rpx;
  top: 0rpx;
  // z-index: 99;
  // z-index: -999;

  // transform: translateY(800px);
  .alert-img {
    width: 100%;
    // width: 630rpx;
    height: 504rpx;
  }

  .cancel_btn {
    position: fixed;
    bottom: 30rpx;
    left: 0;
    width: 100%;
    z-index: 999;
    margin: 0 auto;
    text-align: center;

    image {
      height: 60rpx;
      width: 60rpx;
    }
  }

  /* .share-btn {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 10;
} */

  .canvas-box {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    background-color: #999;
    // top: 999999rpx;
    top: 230rpx;
    /* z-index: 999; */
    box-sizing: border-box;
  }
}

input {
  height: 60rpx;
  margin: 20rpx;
  padding: 5rpx 20rpx;
  border: 2rpx solid #000;
}

.flexbox {
  display: flex;
  justify-content: space-around;

  .btn {
    width: 60rpx;
    display: flex;
    font-size: 26rpx;
    padding: 5rpx;
    border: 2rpx solid #ccc;
    border-radius: 5rpx;
    margin: 5rpx;
    align-items: center;
    justify-content: center;
  }

}


.directionBox {
  width: 100rpx;
  text-align: center;

  view {
    margin: 3rpx;
    border-radius: 5rpx;
    border: 1px solid #ccc;
  }
}

button {
  width: 180rpx !important;
  margin: 0;
  padding: 0;
  background-color: #fff;
  border: 2rpx solid #ccc;
  color: #000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}